<!--带版面图标的版面路由-->
<script setup lang="ts">

import UserRoute from "../routes/UserRoute.vue";

interface Props {
  userId?: number | undefined;
  username?: string | undefined;
}

const props = defineProps<Props>();


</script>

<template>
  <span v-if="username ==='#ANONYMOUS#'" class="text-color-red">匿名用户</span>
  <user-route v-else :user-id="userId" :username="username">
    <span>{{ username || userId }}</span>
  </user-route>
</template>

<style scoped>

</style>